<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="碧江区电商扶贫,电商服务站点,扶贫大数据">
    <meta name="description" content="">
    <meta name="author" content="vimi8.com">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="icon.ico">
    <title>电商管理后台</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
    <link href="css/login.css" rel="stylesheet">
</head>

<body>
    <div id="large-header">
        <canvas id="canvas"></canvas>
    </div>
    <div class="wrapper">
        <div class="login">
            <div class="logo">
                <img src="images/logo_login.png" width="80" alt="">
                <h3><b>电商管理后台</b></h3>
            </div>
            <p id="login-result" style="color:red;">&nbsp;</p>

            <div class="zc-input">
                <i class="fa fa-fw fa-mobile-phone"></i>
                <input id="mobileNo" class="form-control" type="text" name="user" placeholder="手机号/用户名" required>
                <label id="phone" class="error"></label>
            </div>

            <div class="zc-input">
                <i class="fa fa-fw fa-lock"></i>
                <input id="password" class="form-control" type="password" name="pwd" placeholder="密码" required>
                <label id="mima" class="error"></label>
            </div>

            <div class="zc-code">
                <div class="zc-code-input zc-input">
                    <i class="fa fa-fw fa-key" style="font-size: 19px;top: 16px;left: 12px;"></i>
                    <input class="form-control" id="code-input" type="text" name="code" placeholder="验证码" required>
                    <label id="yanzhengma" class="error"></label>
                </div>
                <img id="kaptchaImage" src="images/verifyCode.jpg" class="img-responsive zc-code-img" height="46" title="看不清，点击刷新换一张">
                <a href="#" class="zc-code-btn" onclick="getCode()">刷新</a>
            </div>

            <button onclick="loginOnclick()" id="login-btn" type="button" class="btn btn-danger btn-block btn-lg">登&nbsp;&nbsp;&nbsp;录</button>
        </div>
    </div>

    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="js/login.js"></script>
</body>

</html>
